/**
 * 全站http配置
 *
 * axios参数说明
 * isSerialize是否开启form表单提交
 * isToken是否需要token
 */
import axios from 'axios'
import router from '/src/router/index.js'
import { serialize } from 'utils/util'
import { getToken } from 'utils/auth'
import { ElMessage } from 'element-plus'
import website from '/src/config/website.js';
import {env} from '/src/config/env.js';
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css'
import {getStore, setStore} from "/src/utils/store.js";
import {Base64} from 'js-base64';
import {useUserStore} from "./store/modules/user.js";
import qs from 'qs'

axios.defaults.baseURL = env.baseUrl;
axios.defaults.timeout = 10000;
//返回其他状态吗
axios.defaults.validateStatus = function (status) {
  return status >= 200 && status <= 500; // 默认的
};
//跨域请求，允许保存cookie
axios.defaults.withCredentials = true;
// NProgress Configuration
NProgress.configure({showSpinner: false});
//HTTPrequest拦截
axios.interceptors.request.use(config => {
  NProgress.start() // start progress bar
  const meta = (config.meta || {});
  const isToken = meta.isToken === false;
  var clientIdSecret = website.clientId + ":" + website.clientSecret;
  config.headers['Authorization'] = `Basic ${Base64.encode(clientIdSecret)}`;
  if (getToken() && !isToken) {
    config.headers[website.Authorization] = 'Bearer ' + getToken() // 让每个请求携带token--['Authorization']为自定义key 请根据实际情况自行修改
  }
  // 针对刷新token的优化。如果是刷新token，临时设置headers，并且设置后，立即将刷新标志设置成false
  if (getStore({name: 'refreshFlag'})) {
    config.headers['Authorization'] = `Basic ${Base64.encode(clientIdSecret)}`;
    setStore({name: 'refreshFlag', content: false, type: 'session'});
  }

  //headers中配置serialize为true开启序列化
  if (config.method === 'post' && meta.isSerialize === true) {
    config.data = serialize(config.data);
  }

  // 下面这一段拷贝自悟空，他在处理表单请求的时候，没有直接传递data，而是stringfy之后再传。作用和上面的seraialize相同
  // const flag = config.headers['Content-Type'] && config.headers['Content-Type'].indexOf('application/json') !== -1
  // if (!flag) {
  //   const multi = config.headers['Content-Type'] && config.headers['Content-Type'].indexOf('multipart/form-data') !== -1
  //   if (multi) {
  //     config.data = config.data
  //   } else {
  //     if (config.method === 'post') {
  //       config.data = qs.stringify(config.data)
  //     }
  //
  //   }
  // } else {
  //   if (config.data === undefined || config.data === null) {
  //     // 不传参的情况下 json类型的提交数据，校准为 空对象
  //     config.data = {}
  //   }
  // }

  return config
}, error => {
  return Promise.reject(error)
});
//HTTPresponse拦截
axios.interceptors.response.use(res => {
  NProgress.done();
  const status = Number(res.status) || 200;
  const code = Number(res.data.code) || 200;
  const statusWhiteList = website.statusWhiteList || [];
  const message = res.data.message || '未知错误';
  //如果在白名单里则自行catch逻辑处理
  // todo whf 白名单中的不应该放行吗？
  if (statusWhiteList.includes(code)) return Promise.reject(res);
  //如果是401则跳转到登录页面
  if (status === 401) {
    const userStore = useUserStore()
    userStore.FedLogOut()
        .then(() => router.push({ path: '/login' }));
    return;
  }
  // 如果请求为非200否者默认统一处理
  if (status !== 200) {
    ElMessage({
      message: message,
      type: 'error'
    })
    return Promise.reject(new Error(message))
  }
  return res;
}, error => {
  NProgress.done();
  return Promise.reject(error);
})

export default axios;